﻿@model Siser.Web.Models.CReporteAmbiental

@{
    ViewBag.Title = "Reporte ambiental";
}
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

@*Validación de usuario, para que no se pueda acceder a la página sin estar logueado *@
@if (@User.Identity.Name == "")
{
    Layout = null;
    <div style="width:800px; font-size:2em; height:500px; text-align:center; margin-top:100px" class="division">
    @Html.ActionLink("Ingrese como usuario válido...", "InicioSesion", "Cuenta")
    </div>
}
else
{
<!DOCTYPE html>
<html>
<head>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/EsqueletoReporte.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  
</head>


<div class="arriba">
INFORME MEDICIONES RADIOLÓGICAS<br/>
EQUIPOS AMBIENTALES<br/>
SISER-CCHEN<br/>
Version 1.0<br/>
</div>

<br />
<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nom</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio1</div>
    <div class="cuadrado2">@ViewBag.varianza1</div>
    <div class="cuadrado2">@ViewBag.desviacion1</div>
    <div class="cuadrado2">@ViewBag.minimo1</div>
    <div class="cuadrado2">@ViewBag.maximo1</div>
    <div class="cuadrado2">@ViewBag.totaldatos1</div>
</div>
</fieldset>   
</div>
<br />

<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nomb2</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio2</div>
    <div class="cuadrado2">@ViewBag.varianza2</div>
    <div class="cuadrado2">@ViewBag.desviacion2</div>
    <div class="cuadrado2">@ViewBag.minimo2</div>
    <div class="cuadrado2">@ViewBag.maximo2</div>
    <div class="cuadrado2">@ViewBag.totaldatos2</div>
</div>
</fieldset>   
</div>
<br />

<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nomb3</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio3</div>
    <div class="cuadrado2">@ViewBag.varianza3</div>
    <div class="cuadrado2">@ViewBag.desviacion3</div>
    <div class="cuadrado2">@ViewBag.minimo3</div>
    <div class="cuadrado2">@ViewBag.maximo3</div>
    <div class="cuadrado2">@ViewBag.totaldatos3</div>
</div>
</fieldset>   
</div>
<br />

<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nomb4</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio4</div>
    <div class="cuadrado2">@ViewBag.varianza4</div>
    <div class="cuadrado2">@ViewBag.desviacion4</div>
    <div class="cuadrado2">@ViewBag.minimo4</div>
    <div class="cuadrado2">@ViewBag.maximo4</div>
    <div class="cuadrado2">@ViewBag.totaldatos4</div>
</div>
</fieldset>   
</div>
<br />

<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nomb5</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio5</div>
    <div class="cuadrado2">@ViewBag.varianza5</div>
    <div class="cuadrado2">@ViewBag.desviacion5</div>
    <div class="cuadrado2">@ViewBag.minimo5</div>
    <div class="cuadrado2">@ViewBag.maximo5</div>
    <div class="cuadrado2">@ViewBag.totaldatos5</div>
</div>
</fieldset>   
</div>
<br />

<div style=" width:1000px;">
<fieldset>
<legend><h3>Datos estadisticos punto ID:@ViewBag.nomb6</h3></legend>
<br />
<div>
    <div class="cuadrado1">Promedio</div>
    <div class="cuadrado1">Varianza</div>
    <div class="cuadrado1">Desviación</div>
    <div class="cuadrado1">Minimo</div>
    <div class="cuadrado1">Maximo</div>
    <div class="cuadrado1">Total Datos</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.promedio6</div>
    <div class="cuadrado2">@ViewBag.varianza6</div>
    <div class="cuadrado2">@ViewBag.desviacion6</div>
    <div class="cuadrado2">@ViewBag.minimo6</div>
    <div class="cuadrado2">@ViewBag.maximo6</div>
    <div class="cuadrado2">@ViewBag.totaldatos6</div>
</div>
</fieldset>   
</div>
<br />

<h2>Gráficos Ambientales por punto</h2>

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  


<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
        //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion1);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nom',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart1', [goog], opts);
       
    });

</script>


<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            $("#chart1").each(function () {
                var btn = $('#prueba');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico").attr('value', evt.data.chart.jqplotToImageStr());
                });
                $(this).after(btn);
                btn = null;
            });
        }
        $('#chart1').CanvasHack();
    });

</script>
<!--   Fin Grafico 1 -->

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  

<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
       //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion2);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nomb2',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y  "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart2', [goog], opts);
       
    });

  </script>



<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            //$('div.jqplot-target').each(function () {
            $("#chart2").each(function () {
                // Add a view image button
                //var btn = $(document.createElement('button'));
                ///var btn = $('#EnviarDatos');
                var btn = $('#prueba');
                //btn.text('Capturar Imagen2');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico1").attr('value', evt.data.chart.jqplotToImageStr());


                }); //

                ////////////////////////////////////////////////
                $(this).after(btn);

                // add a save image button
                // btn = $(document.createElement('button'));
                //btn.text('Save as PNG');
                //btn.bind('click', { chart: $(this) }, function (evt) {
                //   evt.data.chart.jqplotSaveImage();
                // });
                // $(this).after(btn);
                btn = null;
            });
        }

        $('#chart2').CanvasHack();
    });


</script>

<!--   Fin Grafico 2 -->

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  

<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
       //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion3);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nomb3',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y  "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart3', [goog], opts);
       
    });

  </script>



<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            //$('div.jqplot-target').each(function () {
            $("#chart3").each(function () {
                // Add a view image button
                //var btn = $(document.createElement('button'));
                ///var btn = $('#EnviarDatos');
                var btn = $('#prueba');
                //btn.text('Capturar Imagen2');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico2").attr('value', evt.data.chart.jqplotToImageStr());


                }); //

                ////////////////////////////////////////////////
                $(this).after(btn);

                // add a save image button
                // btn = $(document.createElement('button'));
                //btn.text('Save as PNG');
                //btn.bind('click', { chart: $(this) }, function (evt) {
                //   evt.data.chart.jqplotSaveImage();
                // });
                // $(this).after(btn);
                btn = null;
            });
        }

        $('#chart3').CanvasHack();
    });


</script>

<!--   Fin Grafico 3 -->

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  

<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
        //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion4);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nomb4',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y  "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart4', [goog], opts);
       
    });

</script>


<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            $("#chart4").each(function () {
                var btn = $('#prueba');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico3").attr('value', evt.data.chart.jqplotToImageStr());
                });
                $(this).after(btn);
                btn = null;
            });
        }
        $('#chart4').CanvasHack();
    });

</script>

<!--   Fin Grafico 4 -->

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  


<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
        //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion5);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nomb5',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart5', [goog], opts);
       
    });

</script>


<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            $("#chart5").each(function () {
                var btn = $('#prueba');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico4").attr('value', evt.data.chart.jqplotToImageStr());
                });
                $(this).after(btn);
                btn = null;
            });
        }
        $('#chart5').CanvasHack();
    });

</script>

<!--   Fin Grafico 5 -->

<script src="@Url.Content("~/Scripts/excanvas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/excanvas.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  

<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        // Enable plugins like cursor and highlighter by default.
        $.jqplot.config.enablePlugins = true;
        // For these examples, don't show the to image button.
        $.jqplot._noToImageButton = false;
       //goog = [["6/22/2012 00:00:00", 425.32]];
        
        goog = @Html.Raw(ViewBag.medicion6);
        opts = {
            title: 'Grafico de Mediciones equipo ID: @ViewBag.nomb6',
            series: [{
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y  "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart6', [goog], opts);
       
    });

  </script>



<script type="text/javascript">
    $(document).ready(function () {

        if (!$.jqplot.use_excanvas) {
            //$('div.jqplot-target').each(function () {
            $("#chart6").each(function () {
                // Add a view image button
                //var btn = $(document.createElement('button'));
                ///var btn = $('#EnviarDatos');
                var btn = $('#prueba');
                //btn.text('Capturar Imagen2');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    //alert(evt.data.chart.jqplotToImageStr());
                    $("#imag_grafico5").attr('value', evt.data.chart.jqplotToImageStr());


                }); //

                ////////////////////////////////////////////////
                $(this).after(btn);

                // add a save image button
                // btn = $(document.createElement('button'));
                //btn.text('Save as PNG');
                //btn.bind('click', { chart: $(this) }, function (evt) {
                //   evt.data.chart.jqplotSaveImage();
                // });
                // $(this).after(btn);
                btn = null;
            });
        }

        $('#chart6').CanvasHack();
    });


</script>

<!--   Fin Grafico 6 -->

<div style=" padding-left:30px; width:1200px;">

<div id="chart1" style=" height:200px; width:600px"></div>
<div id="chart2" style=" height:200px; width:600px"></div>
<div id="chart3" style=" height:200px; width:600px"></div>
<div id="chart4" style=" height:200px; width:600px"></div>
<div id="chart5" style=" height:200px; width:600px"></div>
<div id="chart6" style=" height:200px; width:600px"></div>
<input id="prueba" type="button" value="adjuntar graficos" onclick="document.getElementById('Enviar Datos').disabled=false"/>
</div>


@using (Html.BeginForm("grafico_reporte", "Reporte"))
{
<div style=" width:1200px;">
<fielset>
<legend><h3>Tipo de documento a Generar</h3></legend>
<div style="visibility:hidden" >
@Html.TextBox("imag_grafico") 
@Html.TextBox("imag_grafico1")
@Html.TextBox("imag_grafico2")
@Html.TextBox("imag_grafico3")
@Html.TextBox("imag_grafico4")
@Html.TextBox("imag_grafico5")
@Html.EditorFor(model => model.fechaInicio) 
@Html.EditorFor(model => model.fechaFin)
@Html.EditorFor(model => model.area)  
</div>   
    
<div>Reporte oficial:@Html.CheckBox("estado_reporte", false)</div>   
    
<p><input type="submit" value="Generar PDF" class="botonenvio" disabled="disabled" id="Enviar Datos"/>&nbsp Debe adjuntar gráficos.</p>
 </fielset>
 </div>
  
}
</html>
}